<!DOCTYPE html>
<html lang = "en">
    <head>
        <title>HeyText</title>
        <link rel = "stylesheet" type = "text/css" href = "./css/index.css" />
    </head>




    <body>
        <!--主体区域-->
        <section id = "todoapp">
            <!--输入框-->
            <header class = "header">
                <h1>小黑记事本</h1>
                <input "autofocus" autocomplete = "off" placehoder = "请输入任务"
                class = "new-todo"/>
            </header>
            <!--列表区域-->
            <section class = "main">

            </section>
            <!--统计和清空-->
            <footer class = "footer">

            </footer>
        </section>
        <!--底部-->
        <footer class = "info">

        </footer>
        <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
        <script>
            var app = new Vue({
                el:"#todoapp",
                data: {
                    list:["写代码", "吃饭饭", "睡觉觉"]
                }
            })
        </script>
    </body>
</html>